html{
  font-family:sans-serif;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%
}
body{margin:0}
.floatLayer{
  width:100%; 
  height:100%; 
  position:fixed;
  z-index: 3;
  top:0px; 
  left:0px;
  filter:alpha(Opacity=50);
  -moz-opacity:0.50;
  opacity: 0.50;
  background-color: #f9f9f9;
}

.load{
  position:absolute;
  top:47%;
  left:50%;
  transform:translate(-50%, -50%);
  /*change these sizes to fit into your project*/
  height:100px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  font-size: 18px;
  color: #000000;
}
.login{
  position:absolute;
  top:53%;
  left:50%;
  transform:translate(-50%, -50%);
  color: #000000;
}
.signup-footer{
  border-top:solid 1px rgba(255,255,255,.3);
  bottom: 0;
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
}
.edu{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.edu h2{
  text-align: center;
  font-size: 50px;
}
.edu p{
  font-size: 18px;
}

.aright {
  position: absolute;
  color: #ffffff;
  font-size: 16px;
  background-color: #ff8888;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-style: normal;
  left: 60%;
  top: 8px;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
